/******公用样式开始*******/
ul, li, ol, p, a{ margin: 0; padding: 0; }
ul, ol, li { list-style: none;}
img { border: none; }
textarea { resize: none; padding: 5px; }
button, a { outline: none; cursor: pointer; }







@media (min-width: 992px) and (max-width: 1200px){
  
  .top_logo {width: 45%;}
  .top_adv{width:14%;}
  .top_logo {margin-top: 29px;margin-left: 20px;}
  .top_logo  h3 {font-size: 26px;}
    .top_logo  h5 {font-size: 12px;letter-spacing:0px;}
  .top_adv {float: left;width: 14%;padding-left: 0px;padding-right: 37px;margin-top: 10px;border-right: 2px solid #00a4c5;}
  .top_dh { width: 27%;padding-top: 15px;}
  .top_dh .dh-txt h3{font-size: 30px;}
  .head_box4 nav.navbar.bootsnav ul.nav > li > a {padding: 15px 50px;font-size: 15px;}
  
  .flexslider .slides li { height: 400px !important;background-size: auto 100% !important;}
}
@media (max-width: 992px){
  
  .head_box4 nav.navbar.bootsnav ul.nav > li > a{padding: 15px;}
  
  nav.navbar.bootsnav .navbar-header{padding: 0;}
  .head_box4 nav.navbar.bootsnav .navbar-brand img {width: 55%;padding: 10px 0;}
  .head_box4 nav.navbar.bootsnav .navbar-toggle{background: #00a4c5;}
  body nav.navbar.bootsnav .navbar-toggle { margin-top: 15px; padding: 2px 5px; margin-right: 10px;}
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in { top: 60px;}
  .head_box4 nav.navbar.bootsnav ul.nav > li > a {color: #333;font-weight: normal;font-size: 15px;text-align: left;}
  .head_box4 nav.navbar.bootsnav ul.nav > li > a:hover { background: #00a4c5;color: #fff;}
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover{background: #00a4c5;color: #fff;}
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse {max-height: 520px;}
  
  .head_box4 nav.navbar.bootsnav ul.nav > li.now a {background: none; background-size: 1px 15px;color: #333;}
  
  .flexslider .slides li { height: 240px !important;background-size: auto 100% !important;}
  
}
@media (max-width: 767px){

  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in { top: 50px;}
  .head_box4 nav.navbar.bootsnav .navbar-brand img {width: 100%;padding: 7px 10px;margin: 0;}
  body nav.navbar.bootsnav .navbar-toggle { margin-top: 10px;}
  nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {padding: 10px 15px;font-size: 14px;}
  
  
  .flexslider .slides li { height: 170px !important;background-size: auto 100% !important;}
  
  
}






/*头部导航－第2种开始*/
.top_box2 { height: 45px; line-height: 45px; background: #097e0b;}
.top_box2 .top_left_container { float: left; color: #fff; }
.top_box2 .top_tel_container { float: right;color: #fff; font-size:12px;}
.top_box2 .top_tel_container .f_count { color:#f00;}
.top_box2 .top_tel_container a { color: #fff;}
.top_box2 .top_tel_container span { color: #fff; }

/*修改代码*/
.head_box2 { background: #fff; border-bottom: none; border-bottom: 1px solid #d7d7d7; }
.head_box2, .head_box2 .container, .head_box2 nav.navbar.bootsnav { height: 110px; }
.head_box2 { height:112px}
.head_box2 nav.navbar.bootsnav ul.nav > li > a { color: #333; }
.head_box2 nav.navbar.bootsnav .navbar-brand { color: #fff; }
.head_box2 .head_title_logo { float: left;  margin-top: 0px; width:24%;}
.head_box2 .head_title_logo img { vertical-align: middle; }
.head_box2 .nav_list { margin-top: 0px; margin-left: 0px; float:left; width:74%;}

/*媒体查询样式*/
@media (min-width: 1024px) {
.head_box2 nav.navbar.bootsnav ul.nav > li > a { padding: 15px 20px; color: #333; }
.head_box2 nav.navbar.bootsnav ul.nav > li > a:hover { background: #f4f4f4; }
}

@media (max-width: 992px) {
.head_box2 nav.navbar.bootsnav .navbar-brand { padding: 3px 0; }
.head_box2, .head_box2 .container, .head_box2 nav.navbar.bootsnav { height: 50px; background: #f3f3f3; border-bottom: 1px solid #d7d7d7; }
.head_box2 .head_img_bg img { width:35%; padding-left:5%;}
.head_box2 { height:52px;}
.head_box2 .container { height:50px;}
.head_box2 nav.navbar.bootsnav .navbar-collapse { border-right: 1px solid #d7d7d7; }
.head_box2 .side-right .in { background: #fff !important; }
.head_box2 nav.navbar.bootsnav .navbar-toggle { border: 1px solid #9e9e9e; }
.head_box2 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { color: #333; }
}
@media (min-width: 992px) and (max-width: 1024px){
.top_box2{display: block !important;}
.head_box2, .head_box2 .container, .head_box2 nav.navbar.bootsnav{height:78px;}
.common_width{width:970px !important;}
.head_box2 { height:80px;}
.head_box2 .nav_list{margin-top:15px;}
.visible-lg-inline-block { display:block !important;}
.head_box2 .head_title_logo img { width:70%;}
.head_box2 .container { width:100%;}
.head_box2 .nav_list { margin-left:15px;}
}
@media (max-width: 767px) {
.head_box2 .side-right .in { background: #fff !important; border-right: 1px solid #d7d7d7; }
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { right:5%;}
nav.navbar.bootsnav ul.nav > li:hover { background: #f4f4f4; }
@media (max-width: 768px) and (min-width: 415px) {
.head_box2 .head_img_bg img { width:25%;}
}
/*头部导航－第2种结束*/




/*产品展示－第2种开始*/
.product_box{}
.product_title{margin: 15px 0;}
.product_title h3{font-size: 35px;}
.product_title img{margin-right: 10px;}
.product_title p{font-size: 24px;color:#bebebe;}
.product_href{margin:15px 0;}
.product_href a{display: inline-block;border: 2px solid #003093;border-radius: 30px;padding: 8px 30px;font-size: 15px;color:#333;margin:0 10px 10px;}
.product_href a:hover{text-decoration: none;background:#003093;color:#fff;}
.product_content{margin:35px 0 25px;}
.product_content .pro_img{border: 1px solid #a6a6a6;height:315px;line-height:194px;overflow: hidden;background: #fff;display:table-cell; vertical-align:middle; width:33.3333%;padding: 3.3%; position:relative;}
.product_content .pro_img .img_font{ display:none; width:100%; height:336px; justify-content:center; align-items:center; position:absolute; left:0px; top:0px; z-index:999;background-color: #00309380 !important;opacity: 1; }
.product_content .pro_img:hover .img_font{ display:flex; }
.product_content .pro_img .img_font .icon{ background:url(../images/link.png) no-repeat; display:inline-block;width:50px; height:50px;}
.product_content p img{ width:20px; height:10px; margin-left:10px;}
.product_content ul li{ margin-bottom:10px;}
.product_content ul li:hover p{ color:#003093;}

.product_content img:hover{transform: scale(1.08);transition: all 1s}
.product_content img{width:100%;height:315px;}
.product_content p{color:#333;font-size: 16px;margin:10px 0;}
.product_btn{margin:20px 0;}


.product_btn a{display: inline-block;font-size: 15px;line-height: 1; border: 2px solid #00a4c5; padding: 10px 30px;margin-top: 30px;}
.product_btn a:hover{background: #00a4c5;color: #fff;}

@media (max-width: 767px){
  .product_href {
    display:none
  }
 .product_content .pro_img {
    border: 1px solid #a6a6a6;
    height: 150px;
    line-height: 194px;
    overflow: hidden;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    width: 33.3333%;
    padding: 3.3%;}
  .product_content img {
    height: 170px;
  }
  .product_content p {
    color: #333;
    font-size: 15px;
    margin: 10px 0;}
  .product_content p img{
    
    display:none
  }
 
 .product_href a {
    display: inline-block;
    border: 2px solid #00a4c5;
    border-radius: 30px;
    padding: 8px 46px;
    font-size: 15px;
    color: #333;
    margin: 0 10px 10px;}
  
}





@media (min-width: 992px) and (max-width: 1200px){
.product_href a {margin: 0 4px 10px;}

  

@media (max-width: 992px){
.product_title h3{font-size: 22px;}
.product_title p{font-size: 16px;}
.product_content{margin:15px 0;}
.product_content p{font-size: 14px;}
.product_content .pro_img{height:170px;line-height:164px;}
.product_btn{margin:10px 0;}
.product_btn a{padding: 10px 20px;font-size: 14px;}
}
@media (max-width: 767px){

.col-xs-4 { width:49.9999%;}
.pro_list li p{font-size: 12px;}
  

}
  
  
  
@media (max-width: 320px){
.product_content .pro_img{height:125px;}
}
/*产品展示－第2种结束*/